<!DOCTYPE HTML>
<html>
	<head>
		<title>
			Stalk2Inspire
		</title>
		<script src="<?php echo base_url()?>js/jquery.js"></script>
		<script src="<?php echo base_url()?>js/jquery.nivo.slider.pack.js"></script>
		<link rel="stylesheet" href="<?php echo base_url();?>/css/bootstrap.css">
		<link rel="stylesheet" href="<?php echo base_url();?>/css/nivo-slider.css">
		<style>
			html{
			height:100%
			}
			body{
			background : #ffeedd;
			height:100%
			}
			.nivoSlider {
    position:relative;
    width:618px; /* Change this to your images width */
    height:246px; /* Change this to your images height */
    background:url(images/loading.gif) no-repeat 50% 50%;
}
.nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
.nivoSlider a {
    border:0;
    display:block;
}
			#header{
			background: #000000;
			height: 120px;
			border-radius : 10px 10px 0 0;
			margin-top : 10px;
			box-shadow : 0 0 2px #000;
			}

			
		</style>
	</head>
	<body>
		
		<div class="container">
				<div class="row">
				<div id="header" class="span16">
					<div class="row">
						<div class="span5 offset11" style="color:white;margin-top:5px;">
						<form method="post" action="auth/login">
						<input type="text" name="username" placeholder="Username" class="span2">
						<input type="password" name="password" placeholder="password" class="span2">
						<input type="submit" class="btn primary"  value="Login">
						</form>
						atau <a href="<?php echo base_url();?>signup">Sign up!</a>
						</div>
					</div>
				
					<div class="row">
						<div class="span16"><a href="<?php echo base_url()?>"><span style="color:white;font-size:18pt;padding-left:5px">Stalk2<span style="color:blue;font-weight:bold">Inspire</span></span></a> </div>
					</div>
				
				</div>
				</div>
				<div class="row">				
				<div class="span16" style="background:white">
				<div class="row">
				<div class="span10" >
				<!--////////slider/////////-->
				
				<div id="scroll">
<div id="slides">

<div class="slide">&nbsp;</div>
<div class="slide">&nbsp;</div>
<div class="slide">&nbsp;</div>
<div class="slide">&nbsp;</div>

</div>

<div id="thumbs" class="t">
<a id="t0" class="active"></a>
<div class="navi">
<a style="display:none"></a>

<a id="t1"></a>
<a id="t2"></a>
<a id="t3"></a>
</div>
</div>
</div>
				
				
				
				
				</div>
				<div class="span5 offset10">
						
				</div>
				</div>
				</div>
				</div>
				
		</div>
		
<script type="text/javascript">
$(window).load(function() {
    $('#slider').nivoSlider();
});
</script>
	
	
	</body>
</html>
